.tree {
  :global {
    .ant-tree-treenode-switcher-close,
    .ant-tree-treenode-switcher-open {
      .ant-tree-switcher {
        height: 40px;
        line-height: 40px;
      }
      .ant-tree-node-content-wrapper {
        height: 40px;
        line-height: 40px;
      }
      .ant-tree-node-selected {
        font-weight: bold;
        color: #1890ff;
        background: #e6f7ff;
      }
      line-height: 40px;
    }
    .ant-tree-node-content-wrapper {
      width: ~'calc(100% - 24px)';
    }
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
      font-weight: bold;
      color: #1890ff;
      background: #e6f7ff;
    }
    .ant-tree li .ant-tree-node-content-wrapper:hover {
      background: #fff;
      color: #1890ff;
    }
    .ant-tree li .ant-tree-node-selected:hover {
      color: #1890ff;
      background: #e6f7ff;
    }
  }
  .treeNode {
    display: flex;
    justify-content: space-between;
    width: 100%;
    .action {
      transition: opacity 0.2s;
      opacity: 0;
    }
  }

  .firstTreeNode {
    font-size: 16px;
    font-weight: 600;
  }

  .treeNode:hover .action {
    transition: opacity 0.2s;
    opacity: 1;
  }

  .myIcon {
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 20px;
    vertical-align: text-top;
  }
}
